// 定义食物的类
class Food {
  //定义一个属性表示食物所对应的元素
  element: HTMLElement;
  constructor() {
    //这里不需要传参可直接在游览器中获取
    //获取页面中的food元素并将其给element
    this.element = document.getElementById("food")!; //最后面的感叹号表示不可能为空 学名:空抑制运算度
  }
  //获取食物的x坐标方法
  get X() {
    return this.element.offsetLeft;
  }
  //y轴
  get Y() {
    return this.element.offsetTop;
  }
  //修改食物的位置方法
  change() {
    //确定范围
    //width:0-294
    //height:0-340
    //食物的移动也必须是10的倍数
    let top = Math.round(Math.random() * 34) * 10;
    let left = Math.round(Math.random() * 29) * 10;
    // Math.floor(Math.random() * 30) * 10;
    this.element.style.left = left + "px";
    this.element.style.top = top + "px";
  }
}
export default Food;
